body,
html {
  font-size: 62.5%;
  padding: 0;
  margin: 0;
  header {
    height: 3rem;
    background: #1baf8b;
    line-height: 3rem;
    span {
      display: inline-block;
      color: #fff;
      font-size: 1.5rem;
      text-indent: 1rem;
    }
  }
  article {
    .search {
      display: block;
      border: none;
      width: 100%;
      height: 2.5rem;
      line-height: 2.5rem;
      font-size: 1rem;
      outline: none;
      text-indent: 1rem;
    }
    .choice-flex {
      display: flex;
      a,
      a:hover,
      a:link,
      a:active,
      a:visited {
        height: 3rem;
        line-height: 3rem;
        font-size: 1.5rem;
        text-decoration: none;
        flex: 1;
        text-align: center;
        background: #1baf8b;
        color: #fff;
      }
    }
  }
  #index,
  #Comming,
  #ranking {
    width: 100%;
    // display: flex;
    .Router-div {
      width: 100%;
      border-bottom: 1px solid #e6e6e8;
      display: flex;
      width: 100%;
      .images {
        width: 25%;
        img {
          width: 100%;
          height: 100%;
        }
      }
      .contents {
        width: 65%;
        margin: 0 5%;
        color: #1baf8b;
        p {
          padding: 0.4rem 0;
          margin: 0;
          white-space: nowrap;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
        }
        .points {
          span:last-child {
            float: right;
            height: 1.5rem;
            line-height: 1.5rem;
            text-align: center;
            width: 2rem;
            border-radius: 8px;
            color: #fff;
            background: #1baf8b;
          }
        }
      }
    }
  }
  #content {
    .content-flex {
      width: 100%;
      display: flex;
      .content-left {
        width: 30%;
        margin-right: 5%;
        .img-flase {
          padding: 0 5%;
          width: 100%;
          height: 10rem;
          word-wrap: break-word;
          border: 1px solid #000;
        }
      }
      .content-right {
        width: 60%;
        p {
          width: 100%;
          padding: 0.6rem;
          margin: 0;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          span {
            display: inline-block;
          }
        }
      }
    }
    .comment {
      margin-top: 3rem;
      width: 100%;
      i {
        text-align: left;
        display: block;
      }
      .summary {
        width: 90%;
        margin: auto;
        text-align: center;
      }
      .flex {
        margin-top: 2rem;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        .comment-content {
          width: 20%;
          margin: 0 2.5%;
          .false-img {
            width: 100%;
            height: 10rem;
            word-wrap: break-word;
            border: 1px solid #000;
          }
          .comment-font {
            text-align: center;
          }
        }
      }
    }
  }
  #Actress {
    width: 100%;
    .Actress-flex {
      width: 100%;
      display: flex;
      .Actress-img {
        width: 35%;
        margin-right: 5%;
        overflow: hidden;
        padding: 0 5%;
        height: 15rem;
        word-wrap: break-word;
        border: 1px solid #000;
      }
      .Actress-content {
        width: 60%;
        p {
          width: 100%;
          padding: 0.6rem 0;
          margin: 0;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
        }
      }
    }
    .summary {
      margin-top: 2rem;
      width: 100%;
      .name {
        text-indent: 1rem;
      }
      .summary-content {
        width: 90%;
        margin: auto;
      }
    }
    .Relevant {
      margin-top: 2rem;
      width: 100%;
      p {
        text-indent: 1rem;
      }
      .Relevant-flex {
        overflow: hidden;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        .Router {
          width: 29%;
          margin: 0 2%;
          .Relevant-img {
            height: 10rem;
            border: 1px solid #000;
            word-wrap: break-word;
          }
          .Relevant-name {
            text-align: center;
          }
        }
      }
    }
  }
}
